<!DOCTYPE html>
<html>
<head>

   <%include("/common/header.html",{title:'设置我的资料'}){}%>

</head>
<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">设置我的资料</div>
                <div class="layui-card-body" pad15>

                    <div class="layui-form" lay-filter="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">我的角色</label>
                            <div class="layui-input-inline">
                                <select name="role" lay-verify="">
                                    <option value="1" selected>超级管理员</option>
                                    <option value="2" disabled>普通管理员</option>
                                    <option value="3" disabled>审核员</option>
                                    <option value="4" disabled>编辑人员</option>
                                </select>
                            </div>
                            <div class="layui-form-mid layui-word-aux">当前角色不可更改为其它角色</div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">姓名</label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" value="${session.om_user.name}"  class="layui-input"  placeholder="请输入姓名">
                            </div>
                            <div class="layui-form-mid layui-word-aux"></div>
                        </div>
                       <!-- <div class="layui-form-item">
                            <label class="layui-form-label">昵称</label>
                            <div class="layui-input-inline">
                                <input type="text" name="nickname" value="贤心" lay-verify="nickname" autocomplete="off"
                                       placeholder="请输入昵称" class="layui-input">
                            </div>
                        </div>-->
                        <div class="layui-form-item">
                            <label class="layui-form-label">性别</label>
                            <div class="layui-input-block">



                                <%if(session.om_user.sex=='男'){%>
                                <input type="radio" name="sex" value="男" title="男" checked>
                                <input type="radio" name="sex" value="女" title="女" >
                                <%}else if(session.om_user.sex=='女'){%>
                                <input type="radio" name="sex" value="男" title="男" >
                                <input type="radio" name="sex" value="女" title="女" checked>
                                <%}else{%>
                                <input type="radio" name="sex" value="男" title="男" >
                                <input type="radio" name="sex" value="女" title="女" >
                                <input type="radio" name="sex" value="未知" title="未知" checked>
                                <%}%>





                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">头像</label>
                            <div class="layui-input-inline">
                                <input name="avatar" lay-verify="required" id="LAY_avatarSrc" placeholder="图片地址"
                                       value="http://cdn.layui.com/avatar/168.jpg" class="layui-input">
                            </div>
                            <div class="layui-input-inline layui-btn-container" style="width: auto;">
                                <button type="button" class="layui-btn layui-btn-primary" id="LAY_avatarUpload">
                                    <i class="layui-icon">&#xe67c;</i>上传图片
                                </button>
                                <button class="layui-btn layui-btn-primary" layadmin-event="avartatPreview">查看图片
                                </button>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机</label>
                            <div class="layui-input-inline">
                                <input type="text" name="cellphone" value="" lay-verify="phone" autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">邮箱</label>
                            <div class="layui-input-inline">
                                <input type="text" name="email" value="" lay-verify="email" autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">备注</label>
                            <div class="layui-input-block">
                                <textarea name="remarks" placeholder="请输入内容" class="layui-textarea"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="setmyinfo">确认修改</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重新填写</button>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<%include("/common/foot.html"){}%>
<script>
    layui.config({
        base: 'static/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'set','form','jquery'],function () {
        var findAll_url='systemuser/list.json';
        var update_url='systemuser/update.jhtml';
        var delete_url='systemuser/delete.jhtml';
        var form = layui.form;
        var $ = layui.$;
        //自定义验证规则
        form.verify({
            required : [ /[\S]+/, "必填项不能为空" ],
            phone: [ /^1\d{10}$/, "请输入正确的手机号" ],
            email: [/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"]
        });
        form.on('submit(setmyinfo)', function(data){
           // layer.msg(JSON.stringify(data.field));
            postUpdate(data);
            return false;
        });

        //ajax提交修改内容
        window.postUpdate = function (data){
            $.ajax({
                url: update_url,
                type: "POST",
                data:{"data": JSON.stringify(data.field)},
                dataType: "json",
                success: function(data){
                    if(data.code==0){
                        layer.closeAll();
                        layer.msg(data.msg, {time:600, icon: 1},function(){
                            table.reload('listReload');
                        });
                    }else{
                        layer.msg(data.msg, {icon: 5});
                    }
                },
                error:function(jqXHR, textStatus, errorThrown){
                    var estr="Page:"+window.location.pathname+",Function:postUpdate()";
                    layer.open({
                        title: "错误信息",
                        area: ['600px', '600px'],
                        type: 2,
                        content: "base/error.jhtml?info="+estr, //
                        btn: ['关闭'] //可以无限个按钮
                    });
                }
            });
        }

    });
</script>
</body>
</html>